動態元件互動/視覺 IOS dynamic Live Activities（模式）

顏色以及介面視覺

A 透過不同板式和視覺的多樣式的表達來對映不同的控制元件型別。

B 顏色是視覺聯絡的重要屬性。選取不同的顏色是區分不同的資訊來源或品牌。

蘋果提倡動態資訊控制元件在UI設計時，主體色要與產品的logo主題色相同

C 品牌logo的設計旨在提升在視覺上與容器的融合性：1避免放在封閉的空間內（背景透明的png）2具有獨立的空間 3 結果按鈕建議使用相同的顏色提升UI的一致性

D 避免背景元素被切割，如果有圖形元素繪製到 Live Activity 的邊緣，隨著背景的擴充套件，這些元素可能會被切割，導致視覺效果不佳。使用分隔線或包含形狀來分隔佈局的不同區域，避免圖形元素被切割。

E 確保在夜間模式下，所有顏色之間具有足夠的對比度，以保持良好的可讀性和視覺效果。

F 將元素放進容器中方式關鍵且精確。

同型元素視覺平衡：當元素與容器形狀相同時，將容器外形進行同心邊距縮排，進而確定內部元素對齊的外側邊緣，再將內部的元素與縮排的內部形狀的邊緣進行精確的對齊。

G 異形元素視覺平衡：首先將內部的元素模糊化處理為邊緣近似弧線的狀態，然後將模糊過後的圖形邊緣與同心容器的邊緣對齊，文字與異形icon都使用同樣的處理技巧，這樣做就可以保證所有元素在容器內具備相同的視覺平衡感。

容器內的每個在邊緣的元素也同理，他們都需要與外邊緣縮排後的等距造型的邊緣進行精確的對齊，完成了整體控制元件的視覺平衡。

H 緊湊設計：確保檢視儘可能被內容填滿。注意左側的空白區域，考慮截斷或縮小單位，或顯示不那麼精確的資料版本，以避免內容過寬或不平衡。